@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "WEBFONT";
    src: url('../../fonts/AKZIDENZGROTESKBE-LIGHTEX-WEBFONT.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/AKZIDENZGROTESKBE-LIGHTEX-WEBFONT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            /* url('../../fonts/AKZIDENZGROTESKBE-LIGHTEX-WEBFONT.woff') format('woff'),  Modern Browsers */
             url('../../fonts/AKZIDENZGROTESKBE-LIGHTEX-WEBFONT.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../../fonts/AKZIDENZGROTESKBE-LIGHTEX-WEBFONT.svg#BankGothic') format('svg'); /* Legacy iOS */
}



.paging-title{text-align: center;padding-top: 50px;}
.paging-title h2{font-size: 30px;color: #fff;}
.paging-title h2 a{font-size: 30px;color: #fff;}
.paging-title h2 i{font-size: 30px;color: #fff;font-style: normal;font-weight: normal;}
.paging-title p{font-size: 17px;color: #fff;margin-top: 4px;}



/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 12px;height: 12px;background: #cccccc;margin: 0 5px;cursor: pointer;border-radius: 50%;}
#flashs .btn span.cur {background: #00b1a7;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* 困扰 */
.troubled{width: 100%;height: 479px;background: url(Img/index/rwskao_02.jpg) no-repeat center;}
.troubled .paging-title h2{color: #000;}
.troubled .paging-title h2 i{color: #000;}
.troubled .paging-title p{color: #666;}
.troubled ul{margin-top: 33px;}
.troubled ul li{width: 184px;height: 154px;float: left;margin-right: 17px;padding-top: 110px;padding-left: 80px;}
.troubled ul li.list01{background: url(Img/index/ky01.png) no-repeat center;}
.troubled ul li.list02{background: url(Img/index/ky02.png) no-repeat center;}
.troubled ul li.list03{background: url(Img/index/ky03.png) no-repeat center;}
.troubled ul li.list04{background: url(Img/index/ky04.png) no-repeat center;}
.troubled ul li p{font-size: 16px;color: #333;line-height: 28px;}
.troubled ul li h3{font-size: 20px;color: #000;}

/* 产品个性化升级 */
.upgrade{width: 100%;height: 724px;background: url(Img/index/upgrade-bj_04.jpg) no-repeat center;background-size: 100% 100%;}
.upgrade .paging-title{padding-top: 72px;}
.upgrade .paging-title h2{color: #000;font-weight: normal;}
.upgrade .paging-title p{color: #000;font-size: 30px;font-weight: bold;}
.upgrade-box{margin-top: 50px;}
.ug-left{width: 347px;height: 481px;background: url(Img/index/index_03.jpg) no-repeat center;float: left;position: relative;}
.ug-right{width: 347px;height: 481px;background: url(Img/index/index_05_05.jpg) no-repeat center;float: right;position: relative;}
.ug div{width: 285px;height: 205px;background: url(Img/index/toumingdu.png) no-repeat center;position: absolute;bottom: 0;padding-left: 37px;padding-right: 25px;padding-top: 30px;}
.ug .div h2{font-size: 24px;color: #00b1a7;}
.ug .div h3{font-size: 24px;color: #fff;margin-top: 22px;}
.ug .div h3 i{color: #fff;font-weight: normal;font-style: normal;}
.ug .div p{color: #fff;font-size: 14px;line-height: 20px;margin-top: 12px;}

.ug-zjian{float: left;margin-left: 10px;background: url(Img/index/dabj.png) no-repeat center;}
.ug-zjian div{width: 485px;height: 200px;background: #f3f3f3;margin-bottom: 9px;padding-top: 35px;}
.ug-zjian .div h2{font-size: 24px;color: #00b1a7;}
.ug-zjian .div h3{font-size: 24px;color: #333;margin-top: 22px;}
.ug-zjian .div h3 i{color: #333;font-weight: normal;font-style: normal;}
.ug-zjian .div p{color: #333;font-size: 14px;line-height: 20px;margin-top: 12px;}

.ug-zjian .d01{width:300px;padding-left: 35px;padding-right: 150px;background: url(Img/index/pilou.png) no-repeat 377px 45px;}
.ug-zjian .d02{width:300px;padding-left: 150px;padding-right: 35px;background: url(Img/index/360.png) no-repeat 25px 33px;}








/* 定制案例 */
.custom{width: 100%;height: 520px;background: url(Img/index/custom_05.jpg) no-repeat center;background-size: 100% 100%;}

.custom-ul{position: relative;overflow: hidden;margin-top: 48px;}
.custom-ul ul{position: relative;}
.custom-ul ul li{float: left;width: 290px;margin-left: 12px;}
.custom-ul ul li:first-child{margin-left: 0;}
.custom-ul ul li>a{display: block;width: 290px;height: 240px;overflow: hidden;}
.custom-ul ul li>a img{display: block;width: 290px;height: 240px;transition: all 1s ease-out;}
.custom-ul ul li:hover a img{transform: scale(1.1);}
.custom-ul ul li p{text-align: center;background: url(Img/index/list-bb.png) no-repeat bottom;}
.custom-ul ul li p a{line-height: 58px;font-size: 17px;color: #fff;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:60px;}

.custom .container{position: relative;}
.custom .container span{display: block;width: 43px;height: 43px;position: absolute;top: 290px;}
.custom .container span#custom-anniu01{background: url(Img/index/custom-anniu.png) no-repeat left top;left: -70px;}
.custom .container span#custom-anniu01:hover{background: url(Img/index/custom-anniu.png) no-repeat left bottom;}
.custom .container span#custom-anniu02{background: url(Img/index/custom-anniu.png) no-repeat right top;right: -68px;}
.custom .container span#custom-anniu02:hover{background: url(Img/index/custom-anniu.png) no-repeat right bottom;}

/* 标准型产品 */
.standard{width: 100%;background:#fff;padding-bottom: 45px;}
.standard .paging-title h2 a{color: #333;}
.standard .paging-title h2 a i{color: #333;}
.standard .paging-title p{color: #666;}

.standard-ul{position: relative;overflow: hidden;margin-top: 50px;}
.standard-ul ul{position: relative;width: 1212px;margin-left: -12px;}
.standard-ul ul li{float: left;margin-left: 12px;width: 392px;margin-bottom: 30px;}
.standard-ul ul li>a{display: block;border: 1px solid #e6e6e6;border-bottom: none;width: 390px;height: 327px;overflow: hidden;}
.standard-ul ul li>a img{display: block;width: 390px;height: 326px;transition: all 1s ease-out; }
.standard-ul ul li:hover>a img{transform: scale(1.1);}
.standard-ul ul li:hover>a{border: 1px solid #00b1a7;border-bottom: none;}

.standard-ul ul li p{background: #333;line-height: 50px;text-align: center;height: 50px;padding: 0 20px;width: 352px;overflow: hidden;}
.standard-ul ul li p a{font-size: 18px;color: #fff;width: 392px;display: block;}

.standard-ul ul li:hover p{background: #00b1a7;}
.standard-ul ul li:hover p a{display: block;padding-right: 80px;width: 292px;text-align: center;background: url(Img/index/jiantou01.png) no-repeat right;overflow: hidden;height: 50px;}

.standard .container>a{display: block;width: 160px;height: 50px;border-radius: 25px;font-size: 14px;color: #666;border: 1px solid #dbdbdb;text-align: center;line-height: 50px;margin: 0 auto;}
.standard .container>a:hover{background: #00b1a7;color: #fff;}


/* 四大核心优势 */
.advantage{width: 100%;height: 640px;background: url(Img/index/gyubj_03.jpg) repeat center;}
.advantage .container{position: relative;}
.advantage .paging-title h2{color: #00b1a7;}
.advantage-box{margin-top: 68px;}
.advantage .advantage-box .ad-box-ct>a{display: block;width: 580px;height: 340px;overflow: hidden;border: 10px solid #fff;float: left;margin-right: 73px;cursor:default;}
.advantage .advantage-box .ad-box-ct>a img{display: block;width: 580px;height: 340px;transition: all 1s ease-out;}
.advantage .advantage-box .ad-box-ct>a:hover img{transform: scale(1.1);}
.advantage .advantage-box .ad-box-ct h3{float: left;width: 500px;}
.advantage .advantage-box .ad-box-ct h3 {font-size: 24px;color: #00b1a7;}
.advantage .advantage-box .ad-box-ct h4{float: left;width: 500px;margin-top: 10px;}
.advantage .advantage-box .ad-box-ct h4{font-size: 30px;color: #fff;}
.advantage .advantage-box .ad-box-ct p{width: 480px;float: left;font-size: 14px;color: #999;margin-top: 30px;padding-left: 20px;border-left: 1px solid #4b4b4b;}

.advantage-qh{position: absolute;bottom: 0;right: 0;background: url(Img/index/hengxian.png) no-repeat left;width: 526px;padding-left: 74px;}
.advantage-qh span{display: block;font-size: 24px;color: #333;background: url(Img/index/tuoyuan-b.png) no-repeat center;width: 104px;height: 70px;text-align: center;padding-top: 34px;float: left;margin-left: 35px;}
.advantage-qh span:first-child{margin-left: 0;}
.advantage-qh span p{font-size: 12px;color: #999;}
.advantage-qh span.cur{background: url(Img/index/tuoyuan-l.png) no-repeat center;}
.advantage-qh span.cur{color: #fff;}
.advantage-qh span.cur p{color: #fff;}

/* 走进 */
.goin{width: 100%;height: 1220px;background: url(Img/index/goin-bj_02.jpg) no-repeat center;}
.goin .paging-title h2 a{color: #333;}
.goin .paging-title h2 a i{color: #333;}
.goin .paging-title p{color: #999;font-size: 12px;}

/* about */
.about{margin-top: 52px;padding-bottom: 90px;}
.about-left{width: 540px;padding-right: 60px;float: left;position: relative;height: 370px;}
.about-left h2{font-weight: normal;}
.about-left h2 a{font-size: 24px;color: #000;}
.about-left h3{}
.about-left h3 a{font-size: 24px;color: #000;}
.about-left p {margin-top: 30px;}
.about-left p a{font-size: 14px;color: #666;line-height: 26px;}
.about-left dl{position: absolute;bottom: 0;}
.about-left dd{float: left;width: 140px;line-height: 46px;text-align: center;border: 1px solid #dedede;border-radius: 24px;margin-right: 17px;}
.about-left dd a{font-size: 14px;color: #666;display: block;border-radius: 24px;}
.about-left dd:hover a{background: #00b1a7;color: #fff;}

.about-right{float: left;}
.about-right a{display: block;border: 10px solid #fff;width: 580px;height: 350px;overflow: hidden;}
.about-right a img{display: block;width: 580px;height: 350px;transition: all 1s ease-out;}
.about-right a:hover img{transform: scale(1.1);}

/* Partner */
.Partner{text-align: center;padding-top: 72px;}
.Partner h2 a{font-size: 30px;color: #fff;}
.Partner h2 a i{font-weight: normal;font-style: normal;}
.Partner p{font-size: 12px;color: #fff;}

.Partner-ul {width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 30px;}
.Partner-ul ul{margin-left: -13px;width: 1213px;}
.Partner-ul ul li{float: left;margin-left: 12px;margin-bottom: 10px;}
.Partner-ul ul li a{display: block;width: 230px;height: 140px;overflow: hidden;}
.Partner-ul ul li a img{display: block;width: 230px;height: 140px;transition: all 1s ease-out;}
.Partner-ul ul li a:hover img{transform: scale(1.1);}
.Partner>a{display: block;width: 160px;line-height: 50px;text-align: center;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;margin-top: 32px;color: #fff;}


/* 定制流程and客户见证  */
.dzandjz{width: 100%;height: 935px;background: url(Img/index/liucheng_02.jpg) no-repeat center;}
.dzandjz .paging-title h2{color: #000;}
.dzandjz .paging-title h2 a{color: #000;}
.dzandjz .paging-title h2 i{color: #000;font-weight: normal;}
.dzandjz .paging-title h2 a i{color: #000;font-weight: normal;}
.dzandjz .paging-title p{color: #999;font-size: 12px;}

.dinzhi{padding-bottom: 50px;}
.dinzhi-ul{margin-top: 52px;}
.dinzhi-ul ul li{float: left;width: 150px;text-align: center;padding-top: 25px;background: url(Img/index/jiantou.png) no-repeat left top;}
.dinzhi-ul ul li p{font-size: 18px;color: #000;}
.dinzhi-ul ul li span{font-size: 12px;color: #999;}
.dinzhi-ul ul li:hover{background: url(Img/index/jiantou.png) no-repeat top;animation:liucheng .5s linear; -webkit-animation:liucheng .5s linear;}


@keyframes liucheng 
{
	from{background:url(Img/index/jiantou.png) no-repeat -150px top;}
	to{background:url(Img/index/jiantou.png) no-repeat left top;}
}
@-webkit-keyframes liucheng 
{
	from{background:url(Img/index/jiantou.png) no-repeat -150px top;}
	to{background:url(Img/index/jiantou.png) no-repeat left top;}
}

.liuyan{width: 730px;margin-top: 60px;margin-left: 420px;height: 60px;position: relative;}
.liuyan p{font-size: 20px;color: #000;margin-left: 38px;width: 350px;display: block;}
.liuyan span{font-size: 16px;color: #666;}
.liuyan span i{font-size: 32px;color: #00b1a7;font-style: normal;}
.liuyan>a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #000;border-radius: 25px;position: absolute;}
.liuyan>a.a01{top: 6px;left: 400px;}
.liuyan>a.a02{top: 6px;left: 570px;}
.liuyan>a:hover{background: #00b1a7;}


.jianzheng{position: relative;}
.jianzheng-ul{margin-top: 50px;position: relative;overflow: hidden;}
.jianzheng-ul ul{position: relative;}
.jianzheng-ul ul li{width: 290px;float: left;margin-left: 13px;}
.jianzheng-ul ul li:first-child{margin-left: 0;}
.jianzheng-ul ul li>a{display: block;width: 290px;height: 210px;overflow: hidden;}
.jianzheng-ul ul li>a img{display: block;width: 290px;height: 210px;transition: all 1s ease-out; }
.jianzheng-ul ul li:hover>a img{transform: scale(1.1);
}
.jianzheng-ul ul li p{text-align: center;line-height: 58px;font-size: 17px;color: #333;background: url(Img/index/dubu-hh.png) no-repeat bottom;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:60px;}
.jianzheng-ul ul li p a{height: 58px;}


.jianzheng>span{display: block;width: 43px;height: 43px;position: absolute;top: 260px;}
.jianzheng span#jianzheng-anniu01{background: url(Img/index/icon-2.png) no-repeat left top;left: -70px;}
.jianzheng span#jianzheng-anniu01:hover{background: url(Img/index/icon-2.png) no-repeat left bottom;}
.jianzheng span#jianzheng-anniu02{background: url(Img/index/icon-2.png) no-repeat right top;right: -68px;}
.jianzheng span#jianzheng-anniu02:hover{background: url(Img/index/icon-2.png) no-repeat right bottom;}

.qh-yd{text-align: center;margin-top: 30px;}
.qh-yd span{display: inline-block;*display: inline-block;*zoom: 1; width: 10px;height: 10px;background: url(Img/index/yuandian.png) no-repeat center;margin-left: 18px;}
.qh-yd span:first-child{margin-left: 0;}
.qh-yd span.cur{background: url(Img/index/yuandian-yous.png) no-repeat center;}




/* link */
.tuijian dl a{line-height: 70px;}
.tuijian dl a:hover{color: #00b1a7;}
.tuijian dl dt{float: left;}
.tuijian dl dt a{font-size: 16px;color: #333;}
.tuijian dl dd{float: left;}
.tuijian dl dd a{font-size: 16px;color: #666;padding: 0 16px;}

/* --news-- */
.news{padding:60px 0;overflow:hidden;background:#fff;}
.news .hd{height:48px;line-height:48px;border-bottom:#d9dadc solid 1px;}
.news .hd .more{float:right;font-size:14px;color:#999;}
.news .hd .more:hover{color:#00b1a7;}
.news .hd span{position:relative;display:block;float:left;margin-right:45px;font-size:18px;}
.news .hd span a{color:#333;}
.news .hd span.cur{font-weight:bold;}
.news .hd span.cur:after{display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;content:"";background:#00b1a7;}
.news .hd span.cur a{color:#00b1a7;}
.faq{float:left;width:560px;overflow:hidden;animation:fadeinL 0.5s linear;}
.faq .tempWrap{height:440px !important;}
.faq .bd{padding-top:12px;overflow:hidden;}
.faq .bd .item{display:block;padding:25px 0;border-bottom:#d9dadc solid 1px;overflow:hidden;}
.faq .bd .item dl{padding-left:50px;overflow:hidden;background:url(../images/Index/faq.png) no-repeat 0 0;}
.faq .bd .item dt{height:36px;line-height:36px;font-size:18px;color:#333;overflow:hidden;position: relative;}
.faq .bd .item dt em{font-size:14px;color:#666;position:absolute;right:0;}
.faq .bd .item dd{margin-top:16px;height:44px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
.faq .bd .item:hover dt{color:#00b1a7;}
.news-tab{float:right;width:580px;animation:fadeinR 0.5s linear;}
.news-group{padding-top:15px;overflow:hidden;}
.news-group .item{display:block;padding:20px 0;overflow:hidden;}
.news-group .pic{float:left;width:160px;height:100px;overflow:hidden;}
.news-group .pic img{display:block;width:160px;height:100px;}
.news-group .text{padding:8px 10px 8px 34px;overflow:hidden;}
.news-group .text h3, .news-group .text h2{height:26px;line-height:26px;font-weight:normal;font-size:18px;color:#333;overflow:hidden;position: relative;}
.news-group .text p{margin-top:8px;height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.news-group .item:hover img{transform:scale(1.1);transition:all 0.5s linear}
.news-group .item:hover h3{color:#00b1a7;}
.news-group .text h2 em{font-size:14px;color:#666;position:absolute;right:0;}
/* --end news-- */

.wrap-title{position:relative;z-index:999;padding-bottom:25px;text-align:center;line-height:1.4;color:#333;overflow:hidden;}
.wrap-title h3, .wrap-title h2{display:inline-block;padding:0 192px;height:46px;line-height:45px;font-size:32px;font-weight:normal;color:#333;background-image:url(../images/Index/title_l.png),url(../images/Index/title_r.png);background-repeat:no-repeat;background-position:0 center,right center;}
.wrap-title h3 a, .wrap-title h2 a{color:#333;}
.wrap-title h3 strong.blue, .wrap-title h2 strong.blue{color:#00b1a7;}
.wrap-title p{height:30px;line-height:30px;font-size:18px;color:#666;}
.wrap-title.white *{color:#fff;}
/*--end public--*/